/**
 * 折线图配置
 **/

const lineOpts = {
	color: ["#FF6853", "#377AFA", "#35C724", "#FAC858", "#EE6666"], //主题颜色，16进制颜色格式
	padding: [10, 20, 10, 10], //画布填充边距，顺序为上右下左，例如[10,15,25,15]
	dataLabel: false, //数据点上的文本显示
	dataPointShape: true, //是否显示数据点的图形标识
	legend: { //图例
		position: "top",
		float: "right",
		fontColor: "#333",
	},
	enableScroll: true, //开启图表拖拽功能
	// xAxis: {
	// 	type: 'grid',
	// 	gridType: 'dash',
	// 	itemCount: 2, //x轴单屏显示数据的数量，默认为5个
	// 	scrollShow: true, //新增是否显示滚动条，默认false
	// 	scrollAlign: 'left', //滚动条初始位置
	// 	scrollBackgroundColor: '#F7F7FF', //默认为 #EFEBEF
	// 	scrollColor: '#DEE7F7' //默认为 #A6A6A6
	// },
	xAxis: {
		// show: false,  // 主要是这个属性
		scrollShow: true, //新增是否显示滚动条，默认false
		disableGrid: true, //不绘制网格
		scrollAlign: 'left',
		labelCount: 10, //数据点文字（刻度点）单屏幕限制显示的数量
		rotateLabel: false, //【旋转】数据点（刻度点）文字
		itemCount: 10, //单屏数据密度即图表可视区域内显示的X轴数据点数量，仅在启用enableScroll时有效
		fontColor: "#999",
		// rotateAngle:90

	},
	yAxis: {
		gridType: "dash", //横向网格样式  solid实线
		axisLine: true, //坐标轴线是否显示
		axisLineColor: '#fff', //坐标轴颜色
		gridColor: 'rgba(86,94,107,0.4)', //网格颜色
		dashLength: 3, //网格dash宽度
		showTitle: true,
		splitNumber: 6,
		data: [{ //这里y轴分组   left是下标为0的第一组y数据在最左侧
				position: "left",
				axisLine: true, //坐标轴轴线是否显示
				axisLineColor: '#ff6853', //坐标轴轴线颜色
				fontColor: "#474e5b",
				fontSize: 12,
				disabled: false, //是否绘画y轴  true不 默认为false
				// min: 0, //y轴最小值
				// max: 8000, //y轴最大值   最大值来除以y轴显示的数量=每份的数量
				// unit:'焦',//y轴刻度后面的单位
				// tofix: 2,
				title: '销量',
				// titleOffsetY: -6,
				// titleOffsetX: -6,
			},
			{ //这里y轴分组   right是下标为1的第二组y数据在最右侧
				position: "right",
				axisLine: true, //坐标轴轴线是否显示
				axisLineColor: '#377afa', //坐标轴轴线颜色
				fontColor: "#474e5b",
				fontSize: 12,
				disabled: false, //是否绘画y轴  true不 默认为false
				// min: 0, //y轴最小值
				// max: 600, //y轴最大值   最大值来除以y轴显示的数量=每份的数量
				// // unit:'焦',//y轴刻度后面的单位
				// tofix: 2,
				title: '价格',
				// titleOffsetY: -6,
				// titleOffsetX: 10,
			},
		]
	},
	// yAxis: {
	// 	// splitNumber:100,
	// 	gridType: "dash", //横向向网格线型，可选值：'solid'实线,'dash'虚线
	// 	dashLength: 2, //横向网格为虚线时，单段虚线长度
	// 	showTitle: true, //不绘制Y轴标题
	// 	data: [{
	// 		title: "", //纵轴标题
	// 		titleOffsetY: -10, //标题纵向偏移距离，负数为向上偏移，正数向下偏移
	// 		fontColor: "#999",
	// 		titleFontColor: "#999",
	// 	}]
	// },
	extra: {
		line: {
			type: "curve" //折线图类型，可选值："straight"尖角折线模式,"curve"曲线圆滑模式,"step"时序图模式
		},
		tooltip: { //提示窗
			showArrow: false, //是否显示箭头
			borderRadius: 4, //圆角大小
			bgOpacity: 0.6, //背景色透明度
		}
	}
}

export default lineOpts;